

<include file="./Tpl/default/Index/header.html"/>
<css file="__PUBLIC__/index/css/index.css"/>
<css file="__PUBLIC__/index/css/complete.css"/>
<script>
    var PUBLIC = "__PUBLIC__";
    var url = "__URL__";
    var app = "__APP__";
               
    var uid = "{$Think.session.uid}";
    var id = "{$Think.get.uid}";
    $(function(){

        $('#water').css({width:$('.bimg').outerWidth()*4});

        var temp_h = document.body.clientHeight;
 
        //        for(var i=0;i<$('.bimg .pin img').length;i++){
        //            if($('.bimg .pin img').eq(i).height()>800){
        //                $('.bimg .pin img').eq(i).parent().css({height:800,overflow:'hidden',display:'inline-block',position:'relative'})
        //                var span = $("<span class='bottom_img'></span>");
        //                $('.bimg .pin img').eq(i).parent().append(span)
        //            }
        //        }
        //        setTimeout(function(){
        //            water($('.box'),4,4);
        //        },200)
        //        var stop = true;
        //        var num=1;
        //        $(window).scroll(function(){
        //            var lastBox = $('.box').eq($('.box').length-1);
        //            if(getLast($('.box'))&&stop&&$('.box:animated').length==0){
        //                var array = [];
        //                var inum = $('.box').length;  
        //                $.ajax({
        //                    'url':url+'/ajaxgood',
        //                    data:'num='+num+'&uid='+id,
        //                    type:'post',
        //                    dataType:'json',
        //                    beforeSend:function(){
        //                        $('.floor').show()
        //                        stop=false; 
        //                    },
        //                    success:function(data){
        //                        if(data.num==0){
        //                            stop=false;
        //                            $('.floor').hide()
        //                            return false;
        //                        }
        //
        //                        //  data = eval(data);     
        //                        for(var i in data){
        //                            var bo = $("<div class='box bimg'></div>");
        //                            // var box = "<div class='box bimg'>";
        //                            var  box = "<a class='turn li'><span class='img'></span>转采</a>";
        //                            if(uid==data[i].uid){
        //                                box += "<a class='li li1'>";
        //                                box += "编辑";
        //                                box += " </a>";
        //                            }else{
        //                                box += " <a class='li1 li good' name='"+data[i].id+"'>";
        //                                box += "   <span class='img'></span><span class='good_num'>"+data[i].num+"</span>赞";
        //                                box += " </a> ";
        //                            }
        //                            bo.html(box)
        //                            var border = $("<div class='border'></div>");
        //                            var box = " <div class='good_mesa'>";
        //                            box += "<span class='good_s'></span> ";
        //                            box += "<div>";
        //                            box += "<textarea class='comcont good_cont' placeholder='添加评论或把采集@给好友' autocomplete='off' style='background-color: rgb(255, 255, 255);'></textarea>";
        //                            box += " <a href='javascript:;' class='combtn com_btn' name='"+data[i].id+"'></a>";
        //                            box += " </div>";  
        //                            box += "</div>";
        //                            border.html(box);
        //                            var pin= $("<div class='pin'></div>");
        //                            var a= $("<a href='#'></a>");
        //                        
        //                            a.attr('href', app+"/Complete/showimg/id/"+data[i].id);
        //                            var img=$("<img>"); 
        //                            getImg(data[i].adres,192,1,callback,img)
        //                            if(call){
        //                                img.attr('src',data[i].adres); 
        //                                if(img.height()>800){
        //                                    a.css({height:800,overflow:'hidden',display:'inline-block',position:'relative'})
        //                                    var span = $("<span class='bottom_img'></span>");
        //                                    a.append(img)  
        //                                    a.append(span)
        //                                }else{
        //                                    a.append(img)   
        //                                }
        //                                var p =$("<p></p>");
        //                            
        //                                p.html(data[i].mesa);
        //                                pin.html(box);
        //                                border.append(pin) 
        //                                pin.append(a);
        //                           
        //                                pin.append(p)
        //                        
        //                                //a.append(img);
        //
        //                                var bottom = $("<div class='bottom'></div>");
        //                                var box= "<a href='"+app+"/?m=Complete&a=showuser&uid="+data[i].uid+"'><img src='"+data[i].thump+"' /></a><p><a href='"+app+"/?m=Complete&a=showuser&uid="+data[i].uid+"'>"+data[i].uname+"</a> 采集到 <a href='#'>"+data[i].name+"</a></p>";
        //                                box += "<a href='javascript:;' class=comment name='"+data[i].id+"' a='1'></a>"
        //                                bottom.html(box);
        //                                border.append(bottom);
        //                                if(data[i].sort){
        //                                    var sort = data[i].sort
        //                                    for(var k in sort){
        //                                        var bottom= $("<div class='bottom'></div>");
        //                                        var box = "<a href='"+app+"/?m=Complete&a=showuser&uid="+sort[k].uid+"'><img src='"+sort[k].thump+"'></a>";
        //                                        box += "<p><a href='"+app+"/?m=Complete&a=showuser&uid="+sort[k].uid+"'>"+sort[k].uname+"</a> : "+sort[k].content.substring(0,10)+"</p>";
        //                                        box += "<a class='comment' href='javascript:;' a='1' name='"+sort[k].mid+"'></a>";
        //                                        bottom.html(box);
        //                                        border.append(bottom)
        //                                    }
        //                                }
        //                                bo.append(border);
        //                                setObj(bo)
        //                                $('#water').append(bo);
        //                                array.splice(i,1)
        //                            }else{
        //                                array.push(data[i])
        //                            }
        //                        }
        //                        if(array.lenght){
        //                            var _this = this;
        //                            setTimeout(function(){
        //                                _this.success(array)
        //                            },200)
        //                        }else{
        //                            water($('.box'),4,inum);
        //                            stop = true;   
        //                            num++;
        //                        }
        //                        
        //                        
        //                    },
        //                    complete:function(){
        //                        $('.floor').hide()
        //                    }
        //                })
        //            }
        //        })
        //              
        //        $('.comment').live('click',function(){ 
        //            if(!uid){
        //                $('.loginback').show().animate({opacity:1},500);
        //                $('.login_box').animate({top:0},500)
        //                htmlbody.style.overflow = "hidden";  
        //            }else if($(this).attr('a')==1){
        //                var id = $(this).attr('name');
        //                var bottom = $("<div class='bottom'></div>");
        //                var box = "<img src='"+thump+"' /> <p><textarea class='comcont' placeholder='添加评论或把采集@给好友' autocomplete='off' style='background-color: rgb(255, 255, 255);'></textarea><a href='javascript:;' class='combtn' name='"+id+"'></a></p>";
        //                bottom.html(box);
        //                bottom.css({opacity:0});
        //                $(this).parent().parent().append(bottom);
        //                var k = 0;
        //                for(var i=0;i<=$('.bimg').length;i++){
        //                    $('.bimg').eq(i).attr('number',k);
        //                    k++;
        //                }
        //                var parent = $(this).parent().parent().parent()
        //                var index = parseInt(parent.attr('number'));
        //                if(index<5){
        //                    water.boxTop[index%5] +=bottom.outerHeight(true);
        //                }else{
        //                    var min=0;
        //                    for(var j=0;j<water.json.length;j++){
        //                        if(water.json[j][1]==index){
        //                            min = water.json[j][0];
        //                            break;
        //                        }
        //                    }
        //                    water.boxTop[min] +=bottom.outerHeight(true);
        //                }
        //                for(var i=index+1;i<$('.box').length;i++){
        //                    if(parent.offset().left==$('.box').eq(i).offset().left){
        //                        var index = i;
        //                        $('.box').eq(i).animate({top:$('.box').eq(i).position().top+bottom.outerHeight(true)},500)
        //                    }
        //                }
        //                
        //                bottom.animate({opacity:1},500);
        //                //water($('.box'));
        //                $(this).parent().parent().find('.comment').attr('a',0)
        //            }
        //        })
        //        
        //        $('.bimg .pin img').live({
        //            mouseenter:
        //                function(){
        //                $(this).css({opacity:0.8})
        //            }
        //            , mouseleave:
        //                function(){
        //                $(this).css({opacity:1})
        //            }
        //        })
        //        $('.bimg').live( {mouseenter:
        //                function()
        //            {
        //                $(this).children('.li').css('display','block');
        //
        //            },
        //            mouseleave:
        //                function()
        //            {
        //                $(this).children('.li').css('display','none');
        //
        //            }
        //        }) 
        //    
        //用户头像资料
        $('.mybox').hover(function(){
            $('.my .shez').animate({opacity:1},500);
        },function(){
            $('.my .shez').animate({opacity:0},500);
        })
        $('.my .shez').hover(function(){
            $(this).addClass('moveshez');
        },function(){
            $(this).removeClass('moveshez');
        })
        $('.findfriend a').hover(function(){
            $('.findfriend a em').addClass('hover');
        },function(){
            $('.findfriend a em').removeClass('hover');
        })
       
    })
  
</script>
<js file="__PUBLIC__/index/js/index.js"/>
<js file="__PUBLIC__/index/js/commom.js"/>
<script>
    $(function(){
        var gest = {
            num:4,
            url:'Complete/ajaxgood',
            data:'uid='+id
        }
        startwater(gest)
    })
</script>
<div class="user">
    <div class="left">
        <div class="uimg">
            <h5>{$user.uname}</h5>
            <p class="fens"><a hrefe="#">关注 0</a>&nbsp;<a hrefe="#">粉丝 0</a></p>
            <div class="img">
                <img src="{$user.thump}" width="100" height="100">
            </div>
            <div class="atten uatten">
                <if condition="$user.uid eq $_SESSION['uid']">
                    <a href="{:U('User/index/uid/'.$user['uid'])}">帐号设置</a> 
                    <else/>
                    <a href="#">关注</a>
                </if>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="r_top">
            <p class="link">
                <a href="{:U('Complete/showuser/uid/'.$user['uid'])}" class="size caij"> {$user.num} 画板</a>
                <a href="{:U('Complete/userimg/uid/'.$user['uid'])}" class="size caij">{$user.inum} 采集</a>
                <span class="size"> {$user.gnum} 赞</span>
            </p>
        </div>
        <div id="water">
            <volist name="img" id="n">
                <div class="box bimg">  
                    <a class="turn li"><span class="img"></span>转采</a>
                    <if condition="$n.pid eq $_SESSION['uid']">
                        <a class="li li1" href="{:U('Complete/editimg/id/'.$n['id'])}">
                            编辑
                        </a>
                        <else/>
                        <a class="li1 li good" name="{$n.id}">
                            <span class="img"></span><span class="good_num">{$n.num}</span>赞
                        </a> 
                    </if>
                    <div class="border">
                        <div class="good_mesa">
                            <span class="good_s"></span> 
                            <div>
                                <textarea class='comcont good_cont' placeholder='添加评论或把采集@给好友' autocomplete='off' style='background-color: rgb(255, 255, 255);'></textarea>
                                <a href='javascript:;' class='combtn com_btn' name="{$n.id}"></a>
                            </div>  
                        </div>
                        <div class="pin">
                            <a href="{:U('Complete/showimg/id/'.$n['id'])}"><img src="{$n.adres}" /></a>
                            <p>{$n.mesa}</p>
                        </div>
                        <div class="bottom">
                            <img src="{$n.thump}">
                            <p><a href="#">{$n.uname}</a> 采集到 <a href="#">{$n.name}</a></p>
                            <a class="comment" href="javascript:;" a="1" name="{$n.id}"></a>
                        </div>
                        <taglib name="blog"/>
                        <blog:com mid="$n['id']">
                            <div class="bottom">
                                <img src="{$field.thump}">
                                <p><a href="{:U('Complete/showuser/uid/'.$field['uid'])}">{$field.uname}</a> : {$field.content|mbsubstr=0,10}</p>
                                <a class="comment" href="javascript:;" a="1" name="{$field.mid}"></a>
                            </div>
                        </blog:com>
                    </div>
                </div>
            </volist>
        </div>
    </div>
</div>
</body>

<html>